<template>
    <view class="container">
      <!-- 企业信息卡片 -->
    <view class="company-card" v-if="!hasMessages">
      <view class="avatar">
        <view class="avatar-circle"></view>
      </view>
      <view class="info">
        <text class="name">高逊</text>
        <text class="slogan">董事长</text>
        <view class="contact">
          <view class="contact-item">
            <text>引力琥珀人工智能</text>
          </view>
          <view class="contact-item">
            <text>郑州引力琥珀人工智能科技有限公司</text>
          </view>
          <view class="contact-item">
           
            <text>13523432733</text>
          </view>
        </view>
        <text class="service-title">业务内容</text>
        <text class="service-content">我们的业务</text>
      </view>
    </view>
      <view class="button" @click="share">
        <text>企业智能体</text>
      </view>
    </view>
  </template>
  
<script setup>
  // 可在此处添加动态数据逻辑
  import { onShareAppMessage } from '@dcloudio/uni-app'
  onShareAppMessage(() => {
    return {
      title: 'AI企业神经触点',
      path: '/pages/shareComAI/shareAi'
    }
  })
  const share = () => {
    uni.navigateTo({
      url: '/pages/shareComAI/shareAi'
    })
  }
  </script>
  
  <style>
  /* 全局样式重置 */
  page {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  
  .container {
    background-color: #1f2128;
    min-height: 100vh;
    width: 100%;
    padding: 20rpx;
    box-sizing: border-box;
  }
  
  .company-card {
  background-color: #2c2e3a;
  border-radius: 20rpx;
  padding: 20rpx;
  margin: 20rpx;
  box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: start;
  box-sizing: border-box;
}

.avatar {
  margin-right: 30rpx;
}

.avatar-circle {
  width: 160rpx;
  height: 160rpx;
  border-radius: 50%;
  background-color: #646cff;
}

.info {
  flex: 1;
}

.name {
  font-size: 48rpx;
  color: #fff;
  font-weight: bold;
  margin-bottom: 15rpx;
  display: block;
}

.slogan {
  font-size: 28rpx;
  color: #ccc;
  margin-bottom: 15rpx;
  display: block;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
}

.contact-item text {
  color: #fff;
  font-size: 28rpx;
}

.service-title {
  color: #646cff;
  font-size: 32rpx;
  font-weight: bold;
  margin-top: 30rpx;
  display: block;
}

.service-content {
  color: #fff;
  font-size: 28rpx;
  margin-top: 20rpx;
  display: block;
}
  
  .button {
    background-color: #3a3c4a;
    border-radius: 40rpx;
    padding: 20rpx;
    text-align: center;
    margin: 0 20rpx;
  }
  
  .button text {
    color: #646cff;
    font-size: 32rpx;
  }
  </style>